Rows & Columns

After setting the display property of your container div to grid, the next step is to set the rows and columns in your grid which can be done with the CSS properties:

• grid-template-columns
• grid-template-rows

And to define gutters between rows and columns you can use the property grid-gap on the parent container that has the display property set to grid.